<%--
  Created by IntelliJ IDEA.
  User: 张洪瑞
  Date: 2021-6-28  0028
  Time: 下午 15:21:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <!-- 引入 layui.css -->
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    <!-- 引入 layui.js -->
    <script type="text/javascript" src="layui/layui.js"></script>
    <title></title>
</head>
<body>
<div class="layui-bg-gray" style="padding: 30px 350px;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-panel" style="height: 1100px;">
                <div style="padding: 20px 3px;">
                    <form class="layui-form layui-form-pane" action="" style="margin-top: 5px;margin-left: 100px;">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-cols" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入部门编号" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-read" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入职位编号" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-user" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-layer" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入银行卡号" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-location" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入家庭住址" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-note" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入邮政编码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-cellphone" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入家庭电话" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-cellphone" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-login-qq" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入QQ号码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-email" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入邮箱地址" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-group" style="font-size: 20px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <div class="layui-input-inline" style="width: 192px;">
                                    <select name="quiz">
                                        <option value="">请选择性别</option>
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-group" style="font-size: 20px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <div class="layui-input-inline" style="width: 192px;">
                                    <select name="quiz">
                                        <option value="">请选择政治面貌</option>
                                        <option value="群众">群众</option>
                                        <option value="团员">团员</option>
                                        <option value="党员">党员</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-password" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" id="test5" lay-verify="required" placeholder="请选择出生日期" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-group" style="font-size: 20px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <div class="layui-input-inline" style="width: 192px;">
                                    <select name="quiz">
                                        <option value="">请选择民族</option>
                                        <option value="汉族">汉族</option>
                                        <option value="蒙古族">蒙古族</option>
                                        <option value="傣族">傣族</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-friends" style="font-size: 20px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <div class="layui-input-inline" style="width: 192px;">
                                    <select name="quiz">
                                        <option value="">请选择学历</option>
                                        <option value="初中">初中</option>
                                        <option value="高中">高中</option>
                                        <option value="大专">大专</option>
                                        <option value="本科">本科</option>
                                        <option value="研究生">研究生</option>
                                        <option value="硕士">硕士</option>
                                        <option value="博士">博士</option>
                                    </select>
                                </div>
                            </div>
                        </div>


                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-tabs" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入专业" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 62px;"><i class="layui-icon layui-icon-face-smile" style="font-size: 25px; color: #1E9FFF;font-weight: bold;"></i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" lay-verify="required" placeholder="请输入爱好" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <div class="layui-input-block">
                                <textarea placeholder="请输入备注(选填)" class="layui-textarea" style="width: 252px;"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-inline">
                                <button type="button" class="layui-btn layui-btn-normal layui-btn-lg" style="width: 252px;">添加</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    layui.use(['table','form','laydate'], function(){
        var table = layui.table,
            form = layui.form,
            laydate = layui.laydate;

        //日期时间选择器
        laydate.render({
            elem: '#test5'
            ,type: 'datetime'
        });
    });
</script>
</html>

